body {
  // background-color: #f5f5f5;
}
.auth {
  padding-bottom: 84px;
  &-btn {
    position: fixed;
    left: 18px;
    right: 18px;
    bottom: 18px;
    // padding-bottom: env(safe-area-inset-bottom);
  }
  &-info {
    margin: 0 18px;
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
    &-desc {
      font-family: PingFangSC-Medium;
      font-size: 14px;
      color: #000000;
      line-height: 14px;
      margin-bottom: 8px;
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
  &-upload-container-b {
    // background-color: #f5f5f5;
  }
  &-upload-container {
    // border-radius: 12px 12px 0 0;
    padding: 25.5px 18px;
    background-color: #fff;
    // min-height: calc(100% - 151px);
    // min-height: 597px;
    &-example {
      margin-bottom: 36px;
    }

    .maininfo-desc {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #262626;
      letter-spacing: 0;
      line-height: 14px;
      margin-bottom: 18px;
    }

    .upload_components_wrap {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }

    .auth-upload-container-maininfo {
      overflow: hidden;
      margin-top: 36px;
      &-desc {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #262626;
        letter-spacing: 0;
        line-height: 14px;
        margin-top: 36px;
        margin: 0 0 8.5px;
      }
      &-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        &-clear-icon {
          width: 15px;
          height: 15px;
          background: url('../../assets/images/clear-icon.png') no-repeat center
            center;
          background-size: 15px 15px;
        }
        &-label {
          font-family: PingFangSC-Regular;
          font-size: 14px;
          color: #979797;
          line-height: 14px;
          margin-right: 12.5px;
        }

        &-ipt {
          font-weight: normal;
          flex: 1;
          background-color: #fff;
          outline: none;
          font-family: PingFangSC-Regular;
          font-size: 14px;
          color: #262626;
          border-bottom: 1px solid #f2f2f2;
          height: 56px;
          &::placeholder {
            opacity: 1;
            color: #bfbfbf;
          }
          &::-webkit-input-placeholder {
            opacity: 1;
            color: #bfbfbf;
          }
          &::-moz-placeholder {
            opacity: 1;
            color: #bfbfbf;
          }
          &::-moz-placeholder {
            opacity: 1;
            color: #bfbfbf;
          }
          &:-ms-input-placeholder {
            opacity: 1;
            color: #bfbfbf;
          }

          &.disabled {
            font-family: PingFangSC-Regular;
            line-height: 14px;
            color: #bfbfbf;
            font-size: 14px;
          }
        }

        &-clear {
          width: 15px;
          height: 15px;
        }
      }
    }
  }
}
